Demonstrate how to use IndexedDB with Promises.

Question

Jiva Ram · Answer

Here’s a clean and modern way to use IndexedDB with Promises, which makes asynchronous code much easier to read and maintain compared to traditional callback-style.
IndexedDB with Promises – Full Example
This example shows how to:
Open a databaseCreate an object store (if not exists)Add recordsGet all records
1. Helper Function: Open Database with Schema Setup
function openDatabase(dbName, storeName) {
    return new Promise((resolve, reject) =andgt; {
        const request = indexedDB.open(dbName, 1); // version 1
        request.onupgradeneeded = (event) =andgt; {
            const db = event.target.result;
            if (!db.objectStoreNames.contains(storeName)) {
                db.createObjectStore(storeName, { keyPath: 'id', autoIncrement: true });
            }
        };
        request.onsuccess = (event) =andgt; {
            resolve(event.target.result);
        };
        request.onerror = (event) =andgt; {
            reject(`DB open error: ${event.target.errorCode}`);
        };
    });
}
2. Add a Record
function addRecord(db, storeName, data) {
    return new Promise((resolve, reject) =andgt; {
        const transaction = db.transaction(storeName, 'readwrite');
        const store = transaction.objectStore(storeName);
        const request = store.add(data);
        request.onsuccess = () =andgt; resolve(request.result);
        request.onerror = (event) =andgt; reject(`Add error: ${event.target.errorCode}`);
    });
}
3. Get All Records
function getAllRecords(db, storeName) {
    return new Promise((resolve, reject) =andgt; {
        const transaction = db.transaction(storeName, 'readonly');
        const store = transaction.objectStore(storeName);
        const request = store.getAll();
        request.onsuccess = () =andgt; resolve(request.result);
        request.onerror = (event) =andgt; reject(`GetAll error: ${event.target.errorCode}`);
    });
}
4. Putting It All Together
(async () =andgt; {
    const dbName = 'MyDB';
    const storeName = 'Users';
    try {
        const db = await openDatabase(dbName, storeName);
        await addRecord(db, storeName, { name: 'Alice', age: 25 });
        await addRecord(db, storeName, { name: 'Bob', age: 30 });
        const users = await getAllRecords(db, storeName);
        console.log('All users:', users);
    } catch (error) {
        console.error('IndexedDB error:', error);
    }
})();
Summary
Promises help avoid nested callbacks.You can wrap indexedDB operations in Promise-based helpers.Use async/await for cleaner code flow.

interview

Demonstrate how to use IndexedDB with Promises.

Jiva Ram

Can you answer this question?

1 Answers

IndexedDB with Promises – Full Example

1. Helper Function: Open Database with Schema Setup

2. Add a Record

3. Get All Records

4. Putting It All Together

Summary

Liked By